<template>
  <div class="theme-title" :class="leftBorder?'border-left':''">
    {{title}}
  </div>
</template>
<script>
  export default{
    name:'ThemeTitle',
    props:{
        title:{
          type:String,
          default:''
        },
      leftBorder:{
        type:Boolean,
        default:true
      }
    }
  }
</script>
<style lang="stylus" scoped>
  @import "~style/varibles.styl"
  .theme-title
    font-size .34rem
    color $darkTextColor
    font-weight bold
    padding-left .1rem
    margin-left .26rem
  .border-left
    border-left .08rem solid $titleColor
</style>
